<!Doctype html>
<html>
<head>
<title>Barrierefrei durch Dresden - Galerie</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
	
<?php 
	
	if(empty($_GET['style'])) 
		{$_STYLE="blau";}
	else {
	$_STYLE=$_GET['style'];
	}
?>

<?php 
	
	if(empty($_GET['site'])) 
		{$_SITE="index";}
	else {
	$_SITE=$_GET['site'];
	}
?>

<?php
		echo'
		<link rel="stylesheet" type="text/css" href="css/menu_'.$_STYLE.'.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		'
?>

<script type="text/javascript">
$(function() {
	$('a[@rel*=frauenkirche]').lightBox();
	$('a[@rel*=kreuzkirche]').lightBox();
	$('a[@rel*=hofkirche]').lightBox();
	$('a[@rel*=fuerstenzug]').lightBox();
	$('a[@rel*=semperoper]').lightBox();
	$('a[@rel*=zwinger]').lightBox();
	$('a[@rel*=altemeister]').lightBox();
	$('a[@rel*=neuemeister]').lightBox();
	$('a[@rel*=verkehrsmuseum]').lightBox();
});
</script>

</head>
<body>
	
<div id="wrapper">

	<header>
	</header>
	
	<div id="menu">
    	<?php
    	include('menu.php');
   	?>
	</div>
   
	<div id="content">
		
<div id="galerie">


	<div id="kirchen">	
	<H3>Kirchen</h3>
		
		<div class="galerie">
		<H4>Frauenkirche</h4>
		<a href="pictures/project/frauenkirche/1.jpg" rel="frauenkirche" title="frauenkirche 1"><img src="pictures/project/thumb/frauenkirche/1.jpg" alt="" ></a>
		<a href="pictures/project/frauenkirche/2.jpg" rel="frauenkirche" title="frauenkirche 2"><img src="pictures/project/thumb/frauenkirche/2.jpg" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Kreuzkirche</h4>
		<a href="pictures/project/kreuzkirche/1.jpg" rel="kreuzkirche" title="kreuzkirche 1"><img src="pictures/project/thumb/kreuzkirche/1.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Hofkirche</h4>
		<a href="pictures/project/hofkirche/1.jpg" rel="hofkirche" title="hofkirche 1"><img src="pictures/project/thumb/hofkirche/1.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie"></div>
	</div><br><hr>
	
	<div id="sehenswuerdigkeiten">	
	<H3>Sehenswürdigkeiten</h3>
		
		<div class="galerie">
		<br>
		<H4>Fürstenzug</h4>
		<a href="pictures/project/fuerstenzug/1.jpg" rel="fuerstenzug" title="fuerstenzug 1"><img src="pictures/project/thumb/fuerstenzug/1.jpg" width="300" alt="" ></a>
		<a href="pictures/project/fuerstenzug/2.jpg" rel="fuerstenzug" title="fuerstenzug 2"><img src="pictures/project/thumb/fuerstenzug/2.jpg" width="300" alt="" ></a>
		<a href="pictures/project/fuerstenzug/3.jpg" rel="fuerstenzug" title="fuerstenzug 3"><img src="pictures/project/thumb/fuerstenzug/3.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Semperoper</h4>
		<a href="pictures/project/semperoper/1.jpg" rel="semperoper" title="semperoper 1"><img src="pictures/project/thumb/semperoper/1.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Zwinger</h4>
		<a href="pictures/project/zwinger/1.jpg" rel="zwinger" title="zwinger 1"><img src="pictures/project/thumb/zwinger/1.jpg" width="300" alt="" ></a>
		<a href="pictures/project/zwinger/2.jpg" rel="zwinger" title="zwinger 2"><img src="pictures/project/thumb/zwinger/2.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie"></div>
	</div><br><hr>
	
	
	<div id="museen">	
	<H3>Museen</h3>
		
		<div class="galerie">
		<br>
		<H4>Alte Meister</h4>
		<a href="pictures/project/altemeister/1.jpg" rel="altemeister" title="altemeister 1"><img src="pictures/project/thumb/altemeister/1.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Neue Meister</h4>
		<a href="pictures/project/neuemeister/1.jpg" rel="neuemeister" title="neuemeister 1"><img src="pictures/project/thumb/neuemeister/1.jpg" width="300" alt="" ></a>
		</div>
		
		<div class="galerie">
		<br>
		<H4>Verkehrsmuseum</h4>
		<a href="pictures/project/verkehrsmuseum/1.jpg" rel="verkehrsmuseum" title="verkehrsmuseum 1"><img src="pictures/project/thumb/verkehrsmuseum/1.jpg" width="300" alt="" ></a>
		<a href="pictures/project/verkehrsmuseum/2.jpg" rel="verkehrsmuseum" title="verkehrsmuseum 2"><img src="pictures/project/thumb/verkehrsmuseum/2.jpg" width="300" alt="" ></a>
		<a href="pictures/project/verkehrsmuseum/3.jpg" rel="verkehrsmuseum" title="verkehrsmuseum 3"><img src="pictures/project/thumb/verkehrsmuseum/3.jpg" width="300" alt="" ></a>
		<a href="pictures/project/verkehrsmuseum/4.jpg" rel="verkehrsmuseum" title="verkehrsmuseum 4"><img src="pictures/project/thumb/verkehrsmuseum/4.jpg" width="300" alt="" ></a>
		</div>

		
		<div class="galerie"></div>
	</div>

	</div>	
	</div>

	<div id="footer">
		<?echo "<a href='sitemap.php?style=".$_STYLE."'>Sitemap</a>"?> | 
		<?echo "<a href='impressum.php?style=".$_STYLE."'>Impressum</a>"?>
	</div>
</div>
</body>
</html>
